<template>
    <div class="list">
        <img :src="item.url" :alt="item.key" v-for="item in list" :key="item.key">
    </div>
</template>

<script>
    export default {
        computed:{
            list(){
                const len = 17;
                const _resultArr = [];
                for (let index = 0; index < len; index++) {
                    _resultArr.push({
                        url:require(`@/assets/img/施工工艺/施工工艺_${index<10?'0'+index:index}.jpg`),
                        key:`施工工艺${index}`
                    })
                }
                return _resultArr;
            }
        }
    }
</script>

<style lang="less" scoped>
.list {
    display: flex;
    flex-wrap: wrap;
    img {
        width: 100%;
        // height: 896px;
        // flex: 0 0 633px;
        // margin-right: 14px;
        margin-bottom: 60px;
        &:nth-of-type(2n){
            margin-right: 0;
        }
    }
}
</style>